<template>
    <div class="results-wrapper">
      <div class="results-content">
        <img src="../../assets/results/403.png" alt="">
        <span class="results-text"> {{ $t("route.resultsPage.403-tip") }} </span>
        <el-button round type="primary" @click="() => $router.push('/dashboard')">
          {{ $t("route.resultsPage.btnText") }}
        </el-button>
      </div>
    </div>
  </template>
  
  <script>
  export default {
      name: "Result403"
  }
  </script>
  
  <style lang="scss" scoped>
  .results-wrapper {
      height: 100%;
      position: relative;
      overflow: hidden;
      background: $--color-white;
      display: flex;
      align-items: center;
      justify-content: center;
      .results-content {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .results-text {
        font-size: 16px;
        line-height: 3;
        color: $--color-text-primary;
        font-weight: 700;
        max-width: 500px;
      }
  }
  </style>
  